﻿@{
    ViewBag.Title = "Home";
}

@section featured {
    <section class="featured">
        
        <div class="content-wrapper">
            <div id="left">
                <hgroup class="title">
                    <h1>@ViewBag.Title.</h1>
                    <h2>@ViewBag.Message</h2>
                    <div id="frecciaContenitore" style="position: relative"><img alt="" id="freccia" src="~/Images/freccia.png" style="float:left; width: 100px; height: 100px;  border-style:solid; border-right-width:100px;  border-left-width:750px; border-color: transparent" /></div>
                </hgroup>
            </div>     
        </div>
    </section>
}



<h3>Inizia a usare il software seguendo la freccia!</h3>
<div align="right"><a class="tooltip" href="#" style="right: 50%" title="<img src='/Images/Fasi/fase1.png' width='200px' height='300px' />"><strong>In che fase mi trovo?</strong></a></div>
<ol class="round">
    
    <li>
        <h5>Assunzioni:</h5>
        <nav>
            <ul>
                <li>Non è presente la gestione delle credenziali</li>
                <li>Sei collegato come utente mario.rossi@rush.com (codice identificativo 1)</li>
                <li>Stai lavorando su un unico ordine riguardante l'azienda "TuttiColori Spa" (codice identificativo 1)</li>
                <li>All'ordine sono associate 2 pitture</li>
                <li>Il sito permette la gestione di tutti i campioni</li>
            </ul>
        </nav>
    </li>
</ol>


<script>
    $('.tooltip').tooltipster();

    var clicked = false;
    $('#freccia').ready(function movimento() {

        if (clicked == true) {
            //Limite inferiore
            $("#frecciaContenitore").animate({
                top: '-80px'
            }, 2000);
            clicked = false;
            movimento();
        } else {
            //Limite superiore
            $("#frecciaContenitore").animate({
                top: '-120px'
            }, 2000);
            clicked = true;
            movimento();
        }
    });


</script>

    